<template>
    <div class="main-page-wrapper">
      <div class="main-container">
           <div class="focus-container">
            <div class="focus-title">
                <span>攻略管理</span>
            </div>
            <div class="strategy-main">
                <left/>
                <mid/>
                <right/>
            </div>
      
           </div>
      </div>
    </div>
</template>
<script>
import left from './strategyLeft'
import mid from './strategyMid'
import right from './strategyRight'
import NewDialog from './Dialog'
export default {
  data(){
      return{
          show:false
      }
  },

  components: {
      left,
      mid,
      right,
      NewDialog
  },
  computed:{
      dialogVisible:function(){
          return show;
      }
  }
}
</script>
<style  scoped>
    .focus-container{
        height: 100%;
        border: 1px solid #ddd;
        border-radius:5px;
        position: relative;
    }
    .focus-title{
        height: 60px;
        background-color: #dddddd;
    }
    .focus-title span{
        margin-left: 20px;
         text-align: left;
        line-height: 60px;
    }

    .strategy-main{
        position: absolute;
        width: 100%;
        top:60px;
        left:0;
        bottom:0;
        display: flex;
        flex-wrap: column nowrap;
        align-items:stretch;
    }
</style>


